<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Border Optimizer</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body class="body-area">
    <div style="width: fit-content;margin: 0 auto;"><h1>Image Border Optimizer</h1></div>
    <div id="id-main">
        <div id="id-config-area">
            <div class="resize-bar"></div>
            <div class="resize-line"></div>
            <div class="resize-save">
                <div id="id-canvas-area">
                    <canvas id="id-canvas" class="canvas-area" width="600" height="400"></canvas>  
                </div>
            </div>
        </div>
        <!-- 工具 动态插入 -->
        <div class="gen-controls">
        </div>
    </div>
    <!-- 配置文件 -->
    <script src="./config/config.js"></script>
    <!-- optimizer 框架 -->
    <script src="./gen_optimizer/gen_utils.js"></script>
    <script src="./gen_optimizer/gen_vector.js"></script>
    <script src="./gen_optimizer/gen_image_optimizer.js"></script>
    <script src="./gen_optimizer/gen_controls.js"></script>
    <script src="./gen_optimizer/gen_point.js"></script>
    <script src="./gen_optimizer/gen_scene.js"></script>
    <script src="./gen_optimizer/gen_shape.js"></script>
    <script src="./gen_optimizer/gen_text.js"></script>
    <script src="./gen_optimizer/gen_rect.js"></script>
    <script src="./gen_optimizer/gen_arrow.js"></script>
    <script src="./gen_optimizer/gen_dragger.js"></script>
    <!-- 控制器 -->
    <script src="./controls/shape_controls.js"></script>
    <script src="./controls/pen_controls.js"></script>
    <script src="./controls/image_controls.js"></script>
    <script src="./controls/page_config_controls.js"></script>
    <script src="./controls/text_controls.js"></script>
    <!-- 场景 -->
    <script src="./scene/main_scene.js"></script>
    <!-- 程序入口 -->
    <script src="./main.js"></script>
</body>
</html>